<template>
  <div class="patient">
    <div class="content">
      <van-nav-bar
        title="就诊人管理"
        left-text="返回"
        right-text="添加就诊人"
        left-arrow
        nav-bar-arrow-size="25px"
        @click-left="$router.back()"
        @click-right="$router.push('/authorization')"
      />
      <div class="personlMessage">
        <div class="per">
          <p class="def">默认就诊人：</p>
          <p>
            <span>李**</span>
            <span>女</span>
            <span>45</span>岁
          </p>
          <p>
            院内编码：
            <span>0001242342342342347</span>
          </p>
          <van-icon name="friends-o" color="#1989fa" size="30px" />
        </div>
        <div class="per">
          <p>
            <span>李**</span>
            <span>女</span>
            <span>45</span>岁
          </p>
          <p>
            院内编码：
            <span>0001242342342342347</span>
          </p>
          <van-icon name="friends-o" color="#1989fa" size="30px" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Patient",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>
<style lang="scss" scoped>
.content {
  width: 90%;
  margin: 100px auto;
  padding: 5px;
  box-sizing: border-box;
  p {
    font-size: 12px;
    margin-top: 10px;
    span {
      margin-right: 8px;
    }
  }
}
.per {
  position: relative;
  margin-bottom: 8px;
  border: 1px solid #999;
  padding: 5px;
  .van-icon {
    position: absolute;
    right: 3px;
    bottom: 2px;
  }
}
.def {
  margin-bottom: 20px;
}
</style>